// 中间显示的详情
#detail{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  // padding: 34px;
  .title{
    display: flex;
    align-items: center;
  }
  .logo{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 28px;
    background: #F78C8C;
    color: #fff;
    img{
      width: 15px;
      height: 15px;
      margin-right: 4px;
    }
    div{
      font-size: 12px;
      font-weight: 500;
    }
  }
  .normal{
    background: #4DD08D;
  }
  .name{
    font-size: 14px;
    color: #000;
    font-weight: 500;
    margin-left: 12px;
    margin-right: 19px;
  }
  .isSure{
    div{
      width: 55px;
      height: 20px;
      border: 1px solid #FF7676;
      border-radius: 4px;
      font-size: 12px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #FF4747;
      display: none;
      text-align: center;
      line-height: 18px;
      background: rgba($color: #FF2A2A, $alpha: 0.1);
    }
    .ready{
      border-color: #19AA5E;
      color: #19AA5E;
      display: block;
      background: rgba($color: #19AA5E, $alpha: 0.1);
    }
    .noReady{
      display: none;
    }
  }
  .isNoSure{
    .noReady{
      display: block;
    }
    .ready{
      display: none;
    }
  }
  .isImportant{
    div{
      width: 55px;
      height: 20px;
      border: 1px solid #FF7676;
      border-radius: 4px;
      font-size: 12px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #FF4747;
      display: none;
      text-align: center;
      line-height: 18px;
      margin-left: 14px;
      background: rgba($color: #FF2A2A, $alpha: 0.1);
    }
    .important{
      display: block;
    }
    .noImportant{
      border: 1px solid #ECCB14;
      color: #ECCB14;
      display: none;
      background: rgba($color: #ECCB14, $alpha: 0.1);
    }
  }
  .isNoImportant{
    .important{
      display: none;
    }
    .noImportant{
      display: block;
    }
  }
  #listContent{
    margin-top: 26px;
    display: flex;
    // justify-content: n;

  }
  .leftContent{
    width: 50%;
    padding-left: 66px;
  }
  #btnList{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
  }
  #charts{
    height: 348px;
    width: 100%;
    padding: 10px 0px;
    border-top: 1px solid #E7EAEE;
    // background: #5c5c5c;
  }
  .rightContent{
    width: 384px;
  }
}
.mybutton {
  width: 74px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #d0d6de;
  border-radius: 4px;
  font-size: 14px;
  color: #5c5c5c;
  cursor: pointer;
  overflow: hidden;
  transition: all ease .3s
}
.mybutton:hover {
  background: #ffffff;
  border-color: #2679f4;
  color: #2679f4;
}
.ac {
  background: #2679f4;
  border-color: #2679f4;
  color: #ffffff;
}
.ac:hover {
  background: #1163de;
  color: #FFF;
}
.mr {
  margin: 0 16px;
}
.disabledbutton{
  width: 74px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #ccc;
  border-radius: 4px;
  font-size: 14px;
  cursor: not-allowed;
}